<template>
    <div class="aux-box" :style="{ height: `${data.rpxStyle.height}px`, background: data.style.background }"></div>
</template>

<script setup>
/**
 * 辅助分割
 * @property {Object} data  数据
 */
const props = defineProps({
    data: {
        type: Object,
        default: {
            id: 5,
            type_name: "auxiliary_division",
            text: "辅助分割",
            rpxStyle: {
                /**高度 */
                height: 40,
            },
            data: {},
        },
    },
})
</script>

<style lang="less" scoped>
.aux-box {
    width: 100%;
    clear: both;
    content: "";
}
</style>
